<div class="content" layout-padding id="detail-employee">
    <h1>
        计算税率数据
    </h1>
    <div ng-if="loadding" class="loadding" layout="column" layout-align="center center">
        <md-progress-circular class="md-hue-3" md-mode="indeterminate" md-diameter="150"></md-progress-circular>
        <div>
            正在计算，请稍等
        </div>
    </div>
    <div layout="row" ng-if="!loadding">
        <h4 flex>员工</h4>
        <h4 flex>计算后奖金</h4>
        <h4 flex>计算后工资</h4>
        <h4 flex>计算后税</h4>
        <h4 flex>原奖金</h4>
        <h4 flex>原工资</h4>
        <h4 flex>原税</h4>
        <h4 flex>节省</h4>
        <h4 flex>备注</h4>
    </div>
    <div layout="row" ng-repeat="item in result">
        <div flex>{{item.Employeename}}</div>
        <div flex>{{item.Reward|currency:"￥: ":2}}</div>
        <div flex>{{item.Salary|currency:"￥: ":2}}</div>
        <div flex>{{item.Tax|currency:"￥: ":2}}</div>
        <div flex>{{item.ActualReward|currency:"￥: ":2}}</div>
        <div flex>{{item.ActualSalary|currency:"￥: ":2}}</div>
        <div flex>{{item.ActualTax|currency:"￥: ":2}}</div>
        <div flex>{{item.Sub|currency:"￥: ":2}}</div>
        <div flex>{{item.Note}}</div>
    </div>
    <md-divider></md-divider>

    <div layout="row" ng-if="!loadding">
        <h4 flex=""></h4>
        <h4 flex=""></h4>
        <h4 flex=""></h4>
        <h4 flex=""></h4>
        <h4 flex="">总奖金</h4>
        <h4 flex="">总工资</h4>
        <h4 flex="">应缴税</h4>
        <h4 flex="">原税</h4>
        <h4 flex="">节省</h4>

    </div>
    <div layout="row" ng-if="!loadding">
        <span flex></span>
        <span flex></span>
        <span flex></span>
        <span flex></span>
        <span flex>{{total.reward|currency:"￥: ":2}}</span>
        <span flex>{{total.salary|currency:"￥: ":2}}</span>
        <span flex>{{total.newtax|currency:"￥: ":2}}</span>
        <span flex>{{total.oritax|currency:"￥: ":2}}</span>
        <span flex>{{total.subtotal|currency:"￥: ":2}}</span>

    </div>
</div>